<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>信息表格</title>
<style>
  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
  }
  th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  th {
    background-color: #f2f2f2;
  }
  button {
    padding: 5px 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
  }
  button:hover {
    background-color: #45a049;
  }
  .pagination {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
  }
  .pagination li {
    margin: 0 5px;
  }
  .pagination a {
    color: #4CAF50;
    text-decoration: none;
    padding: 8px 16px;
  }
  .pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 4px;
  }
</style>
</head>
<body>

<table>
  <tr>
    <th>编号</th>
    <th>标题</th>
    <th>浏览量</th>
    <th>评论</th>
    <th>操作</th>
  </tr>
  <tr>
    <td>7</td>
    <td>管理：漫谈关于人才培养方面的实战经验分享</td>
    <td>1499</td>
    <td>5</td>
    <td><button>取消收藏</button></td>
  </tr>
  <tr>
    <td>13</td>
    <td>原理：基于网络爬虫、软件测试最全专业术语</td>
    <td>1736</td>
    <td>0</td>
    <td><button>取消收藏</button></td>
  </tr>
  <tr>
    <td>28</td>
    <td>实践：Robot Framework(二)：基础应用</td>
    <td>1010</td>
    <td>0</td>
    <td><button>取消收藏</button></td>
  </tr>
  <tr>
    <td>122</td>
    <td>系统知识：软件工程与软件研发</td>
    <td>508</td>
    <td>0</td>
    <td><button>取消收藏</button></td>
  </tr>
  <tr>
    <td>79</td>
    <td>实践：利用Java的Executor框架运行多线程</td>
    <td>642</td>
    <td>0</td>
    <td><button>取消收藏</button></td>
  </tr>
  <tr>
    <td>157</td>
    <td>蜗牛学院五年云管理经验大揭秘！</td>
    <td>5</td>
    <td>0</td>
    <td><button>取消收藏</button></td>
  </tr>
</table>

<ul class="pagination">
  <li><a href="#">上一页</a></li>
  <li><a href="?page=1">1</a></li>
  <li><a href="?page=2">2</a></li>
  <li><a href="?page=3">3</a></li>
  <li><a href="#">下一页</a></li>
  <!-- 根据需要添加更多页码 -->
</ul>

</body>
</html>